<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <title></title>
  <link rel="stylesheet" href="CSS/common/reset.css">
  <link rel="stylesheet" href="CSS/productor.css">
</head>

<body>
  <div id="wrap">
    <div id="subBar">
      <a href="#">
        <img src="images/logo.png" class="logo" alt="">
      </a>
      <div class="message">
        <p>欢迎您:kaivon</p>
        <p>空闲桌位:5桌</p>
        <p>正在点餐:1桌</p>
        <p>正在用餐:5桌</p>
        <p>未选桌子</p>
      </div>
      <ul class="action">
        <li class="ac"><i>0</i><span class="iconfont">&#xe65e;</span>已点</li>
        <li><span class="iconfont">&#xe62e;</span><a href="./table.html">座位</a></li>
        <li><span class="iconfont">&#xe625;</span><a href="./categoryManage.html">后台</a>
        </li>
        <li><span class="iconfont" onclick="gotoLogin">&#xe892;</span>退出</li>
      </ul>
    </div>
    <div id="navBar">
      <ul class="navWrap">
        <li class="active">
          <span class="iconfont" &#xe636;</span>
            <span class="text">推荐</span>
        </li>
        <li>
          <span class="iconfont">&#xe6a2;</span>
          <span class="text">热菜</span>
        </li>
        <li>
          <span class="iconfont">&#xee58;</span>
          <span class="text">凉菜</span>
        </li>
        <li>
          <span class="iconfont">&#xe6cc;</span>
          <span class="text">主食</span>
        </li>
        <li>
          <span class="iconfont">&#xe604;</span>
          <span class="text">甜品</span>
        </li>
      </ul>
      <div class="search">
        <input type="text">
        <button>
          <span class="iconfont">&#xe617;</span>
        </button>
      </div>
    </div>
    <div id="content">
      <ul class="foodList">
        <li>
          <img src="./images/img_01.jpg" alt="">
          <span class="iconfont recommend">&#xe7e8;</span>
          <div class="bar">
            <h3>菜合</h3>
            <p>
              <span class="rmb">RMB</span>
              <span class="price">10/份</span>
              <button><span class="iconfont">&#xe602;</span></button>
            </p>
          </div>
        </li>
        <li>
          <img src="./images/img_02.jpg" alt="">
          <span class="iconfont recommend">&#xe7e8;</span>
          <div class="bar">
            <h3>豆鼓鸡脚</h3>
            <p>
              <span class="rmb">RMB</span>
              <span class="price">49/份</span>
              <button><span class="iconfont">&#xe602;</span></button>
            </p>
          </div>
        </li>
        <li>
          <img src="./images/img_03.jpg" alt="">
          <span class="iconfont recommend">&#xe7e8;</span>
          <div class="bar">
            <h3>避风塘炒虾</h3>
            <p>
              <span class="rmb">RMB</span>
              <span class="price">88/份</span>
              <button><span class="iconfont">&#xe602;</span></button>
            </p>
          </div>
        </li>
      </ul>
    </div>
  </div>
</body>



</html>